<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WeatherAnalyze</title>
    <link rel="stylesheet" href="login.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- 引入Font Awesome图标库 -->
</head>
<body>
    <div class="background">
        <!-- 创建登录界面 -->
        <div class="title_system">
            <!-- <p>天气数据分析预测及可视化</p> -->
        </div>
        <!-- 登录框架 -->
        <div class="login-container">
            <h2>登录界面</h2>
            <form action="" method="post">
                <label>邮箱</label>
                <input type="text" name="邮箱" placeholder="请输入邮箱">
                
                <label>密码</label>
                <div class="password-wrapper">
                    <input type="password" id="password" name="密码" placeholder="请输入密码">
                    <button type="button" id="toggle-password" class="toggle-password">
                        <i class="fas fa-eye"></i> <!-- 眼睛图标 -->
                    </button>
                </div>
                
                <input type="submit" value="登录">
                <a href="register.html">注册新用户</a>
            </form>
        </div>
    </div>

    <script src="login.js"></script>
</body>
</html>
